/* 
    Document   : cpanel
    Created on : 05-12-2013, 14:36:13
    Author     : truongkx
    Description:
        Purpose of the stylesheet follows.
*/
td.center{text-align: center}
.clear{clear: both}
.marker{width: 100%;height: 100%;position: absolute;top: 0;left: 0}
.erc{color: red}
.box-sizing-border-box{
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}
.base_loading{
    background: url('../images/loading.gif') no-repeat center;
}
.base_icons span.lab{display: none;transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
.base_icons:hover span.lab{display: inline-block}
.ui-dialog{font-family: tahoma;line-height: 16px;}
.dialog-pending{
    position: absolute;
    height: 100%;
    width: 42px;
    box-sizing: border-box;
    top: 0;display: none;
    background: url('../images/loading.gif') no-repeat center;
}
*.base-small-border-radius{
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.base_control{padding: 4px;position: relative}
.base_photo{float: left;width: 80px;height: 80px;background: #ebebeb;position: relative;overflow: hidden;margin: 1px}
.base_photo img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;max-height: 100%;max-width: 100%}
.base_photo .add_photo{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url('../images/40/add.png') no-repeat center;cursor: pointer}
.base_photo .delete_photo{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url('../images/16/delete_white.png') no-repeat center rgba(0,0,0,.5);cursor: pointer;display: none}
.base_photo:hover .delete_photo{display: block}
table.base_table{border-collapse: collapse;border-spacing: 0;}
table.base_table td,table.base_table th{border:1px solid #BBE5F8;display: table-cell;}
.base_input,
.base_input,
input.base_input[type='text'],
input.base_input[type='password'],
input.base_input[type='number']{
    /*border: 1px solid #dadada;*/
    padding: 3px 4px 3px 4px;
    height: 24px;line-height: 16px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    background-color: #f3f3f3;
}
select.base_select{
    padding: 2px 2px 2px 4px;
    height: 24px;
    width: auto;
}
select.base_select.base_row{width: 100%}
select.base_select:focus{border:1px solid #66afe9}
.base_button,.base_button_boder{
    padding: 3px 8px 3px 8px;line-height: 16px;
    border: 1px solid #d3d3d3/*{borderColorDefault}*/;
    background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #555555/*{fcDefault}*/;
    background: #DADADA;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#FAFAFA),to(#DADADA));
    background-image: -moz-linear-gradient(top,#FAFAFA,#DADADA);
    background-image: -o-linear-gradient(top,#FAFAFA,#DADADA);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FAFAFA),color-stop(100%,#DADADA));
    background: -ms-linear-gradient(top,#FAFAFA 0%,#DADADA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA',endColorstr='#DADADA',GradientType=0 );
    background: linear-gradient(to bottom,#FAFAFA 0%,#DADADA 100%);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
}

.base_button:hover{
    border: 1px solid #BBE5F8/*{borderColorHover}*/;
    background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #212121/*{fcHover}*/;
    background: #E9F2FC;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#E9F2FC),to(#DDECFC));
    background-image: -moz-linear-gradient(top,#E9F2FC,#DDECFC);
    background-image: -o-linear-gradient(top,#E9F2FC,#DDECFC);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#E9F2FC),color-stop(100%,#DDECFC));
    background: -ms-linear-gradient(top,#E9F2FC 0%,#DDECFC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9F2FC',endColorstr='#DDECFC',GradientType=0 );
    background: linear-gradient(to bottom,#E9F2FC 0%,#DDECFC 100%);
}
.base_button:active,.base_button_boder:active{position: relative;top: 1px}
.base_button [class^="icon-"],.base_button_boder [class^="icon-"]{line-height: 16px;}
.base_button [class^="ico-"],.base_button_boder [class^="ico-"]{line-height: 16px;}
.base_button_boder.base-small-border-radius{border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.base_button_boder.base-small-border-radius span{border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.base_button_boder.base_red{border: 1px solid #DD3E22;height: auto;padding: 1px;background-color: #fff;}
.base_button_boder.base_red:hover{border-color: #922916;background-color: #fff}
.base_button_boder.base_red span{display: block;background-color:#DD3E22;line-height: 16px;padding: 2px 8px 2px 8px;}
.base_button_boder.base_red:hover span{background: #922916;}

.base_button_boder.base_green{border: 1px solid #27A800;height: auto;padding: 1px;background-color: #fff;}
.base_button_boder.base_green:hover{border-color: #398622;background-color: #fff}
.base_button_boder.base_green span{display: block;background-color:#27A800;line-height: 16px;padding: 2px 8px 2px 8px;}
.base_button_boder.base_green:hover span{background: #398622;}

.base_button_boder.base_blue{border: 1px solid #5197FF;height: auto;padding: 1px;background-color: #fff;}
.base_button_boder.base_blue:hover{border-color: #0043A8;background-color: #fff}
.base_button_boder.base_blue span{display: block;background-color:#5197FF;line-height: 16px;padding: 2px 8px 2px 8px;}
.base_button_boder.base_blue:hover span{background: #0043A8;}

.base_button_boder.base_gray{border: 1px solid #666;height: auto;padding: 1px;background-color: #fff;}
.base_button_boder.base_gray:hover{border-color: #333;background-color: #fff}
.base_button_boder.base_gray span{display: block;background-color:#666;line-height: 16px;padding: 2px 8px 2px 8px;color: #fff}
.base_button_boder.base_gray:hover span{background: #333;}

.base_button_boder.base_orange{border: 1px solid orange;height: auto;padding: 1px;background-color: #fff;}
.base_button_boder.base_orange:hover{border-color: orangered;background-color: #fff}
.base_button_boder.base_orange span{display: block;background-color:orange;line-height: 16px;padding: 2px 8px 2px 8px;color: #fff}
.base_button_boder.base_orange:hover span{background: orangered;}

.base_danger,.base_red,
.base_button.base_danger,.base_button.base_red{
    color:#fff;border-color: #DD3E22;background: #DD3E22;
    text-shadow: 1px 1px 1px #000;-moz-text-shadow: 1px 1px 1px #000;-webkit-text-shadow: 1px 1px 1px #000;
}
.base_danger:hover,.base_red:hover,
.base_button.base_danger:hover,.base_button.base_red:hover{
    color:#fff;border-color: #922916;background: #922916;
}
.base_blue,
.base_button.base_blue{
    color:#fff;border-color: #5197FF;background: #5197FF;
    text-shadow: 1px 1px 1px #000;-moz-text-shadow: 1px 1px 1px #000;-webkit-text-shadow: 1px 1px 1px #000;
}
.base_blue:hover,
.base_button.base_blue:hover{
    color:#fff;border-color: #0043A8;background: #0043A8;
}
.base_orange,
.base_button.base_orange{
    color:#fff;border-color: orange;background: orange;
    text-shadow: 1px 1px 1px #000;-moz-text-shadow: 1px 1px 1px #000;-webkit-text-shadow: 1px 1px 1px #000;
}
.base_orange:hover,
.base_button.base_orange:hover{
    color:#fff;border-color: orangered;background: orangered;
}
.base_green,
.base_button.base_green{
    color:#fff;border-color: #27A800;background: #27A800;
    text-shadow: 1px 1px 1px #000;-moz-text-shadow: 1px 1px 1px #000;-webkit-text-shadow: 1px 1px 1px #000;
}
.base_green:hover,
.base_button.base_green:hover{
    color:#fff;border-color: #398622;background: #398622;
}

.base_gray,
.base_button.base_gray{
    color:#fff;border-color: #666;background: #666;
    text-shadow: 1px 1px 1px #000;-moz-text-shadow: 1px 1px 1px #000;-webkit-text-shadow: 1px 1px 1px #000;
}
.base_gray:hover,
.base_button.base_gray:hover{
    color:#fff;border-color: #333;background: #333;
}

.btn-group.basic-btn-group{line-height: 16px}
.btn-group.basic-btn-group button.btn{
    margin: 0;
    padding: 3px 8px 3px 8px;
    line-height: 16px;
    margin-right: 0px;
}
.btn-group.basic-btn-group > .btn + .btn.dropdown-toggle,
.btn-group.basic-btn-group > .btn + .btn.dropdown-toggle:hover{
    width: 24px;padding: 3px 7px 3px 7px;padding-left: 7px;
    margin-left: -1px;
}
.btn-group.basic-btn-group > .btn + .btn.dropdown-toggle .caret{margin-top: 6px;}
.btn-group.basic-btn-group ul.dropdown-menu{margin-top: 1px}
.btn-group.basic-btn-group ul.dropdown-menu li > a, 
.btn-group.basic-btn-group ul.dropdown-menu li > span{
    padding: 4px;line-height: 16px;
}
.btn-group.basic-btn-group ul.dropdown-menu > li > a > i{margin-top: 1px}
*.base_row{width: 100%;}
.base_fluid{position: relative}
.base-field-icon{position: absolute;top: 5px;right: 5px;display: block;font-size: 14px;line-height: 1;cursor: pointer}
.ui-button-text-only .ui-button-text{padding: 0}

    .jqx-icon-arrow-down{height: 20px;}
    .hide-child .chide{display: none}
    .hide-child:hover .chide{display: block}
    .album-img-thumb{position: absolute;margin: auto;left: 0;top:0;bottom: 0;right: 0;max-width: 100%;max-height: 100%}
    .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell,
    .jqx-fill-state-normal-classic, .jqx-widget-header-classic,
    .jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton
    {border-color: #ccc}
    .all-font-11-16,.all-font-11-16 *{font-size: 11px;font-family: tahoma}
    .glyphicon{font-family: 'Glyphicons Halflings' !important;}
    .input-group button.btn{height: auto;line-height: 16px;}
    button.btn{height: auto}
    .input-group.b-l-r-0, *.b-l-r-0 .btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }
    .box-size,
    .box-size:before,
    .box-size:after
    .box-sizes,
    .box-sizes *,
    .box-sizes *:before,
    .box-sizes *:after
    {
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }
    .modal-body,.tab-content{overflow: visible;}
    .dropdown-submenu:hover .selected > a > .glyphicon,.selected .glyphicon,.selected:hover .glyphicon{
        text-indent: -1000px;overflow: hidden;background-image: url(/libraries/images/16/checkmark.png) !important;background-repeat:  no-repeat;background-position: center}
    .modal.fade.in{max-height: 90%;}
    .modal-body{max-height: 90%;}
    .modal-title{margin: 0;padding: 0}
    .table-overflow .ui-widget-header{background: none;border:1px solid #d5d5d5}
    .table-overflow .ui-state-default{background: none;}
    .table-overflow .DataTables_sort_icon{float: right}
    .table-overflow .table-bordered{margin: 0px 0}
    .table-overflow a.fg-button.ui-button.ui-state-default{
        display: inline-block;
        border: 1px solid #d5d5d5;
        padding: 3px 10px 2px 10px;
        line-height: 21px;
        margin-left: 5px;
        cursor: pointer;
        color: #454545;
        font-size: 11px;
        box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea;
        -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea;
        -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea;
    }
    @media (min-width: 481px){
        .dataTables_filter {
            padding: 4px 4px;
            position: relative;
            display: block;
            float: none;
            border-top: 1px solid #d5d5d5;
			border-bottom: 1px solid #d5d5d5;
			border-bottom:0;
        }
        .dataTables_length {
            float: none;
            padding: 4px 4px;
            display: block;
            position: absolute;
            right: 1px;
            top: 1px;
            z-index:1;
        }
    }
table.table td.dataTables_empty{padding: 20px;text-align: center}
.moveup.icon-arrow-left{
    position: absolute;top: 50%;left: 0;margin-top: -8px;display: none;
    text-shadow: 0px 0px 4px #000;
color: #fff;
}
.movedown.icon-arrow-right{
    position: absolute;top: 50%;right: 0;margin-top: -8px;display: none;
    text-shadow: 0px 0px 4px #000;
color: #fff;
}
.photo-thumb-item:hover .moveup.icon-arrow-left,
.photo-thumb-item:hover .movedown.icon-arrow-right{
    display: block;
}
.photo-thumb-item:first-child:hover .moveup.icon-arrow-left{
    display: none
}
.photo-thumb-item:last-child:hover .movedown.icon-arrow-right{
    display: none;
}
.base-group-title{
    color: #4285A7;
    font-weight: bold;
}
.cnode>div,.rnode{position: relative;overflow: hidden;}
.cnode>div:hover{background: #ebebeb}
.cnode.active>div{background: #d7d7d7}
.cnode .act,.rnode .act{transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
    position: absolute;top: 0px;right: -60px;
}
.cnode .node-name{cursor: pointer}
.rnode .act{top: 4px}
.cnode>div:hover .act{right: 0px}
.rnode:hover .act{right: 4px}
.cnode .act span,.rnode .act span{margin-left: 4px;line-height: 16px;cursor: pointer}
#link-choose thead{display: none}
#link-choose .dataTables_filter{border-top: 0}
#link-choose .dataTables_length{display: none}

.base_fluid .ui-multiselect{width: auto !important;}
.cellthumb{height: 22px;position: relative;top: 2px;left: 2px;}